<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link type="text/css" rel="stylesheet" href="css/rexstyle.css" />
<title>Buscar Cancha</title>

<script type="text/javascript">
	function ValidaCampos(){
		var dis = document.cBuscarCancha.txtDistrito.value;
		var hin = document.cBuscarCancha.txtHorIni.value;
		var hfi = document.cBuscarCancha.txtHorFin.value;
		if (dis == "") {
			alert("Ingrese el distrito");
			return false;
		} else if (hin == "") {
			alert("Ingrese la hora de inicio");
			return false;
		} else if (hfi == "") {
			alert("ingrese la hora de fin");
			return false;
		} 
		return true;
	}
</script>

</head>
<body>

<h1>Buscar Cancha</h1>

<div id="insert" style="width:600px;">
<fieldset>
<legend>Buscar Cancha</legend>
	<form onSubmit="return ValidaCampos();" name="cBuscarCancha" method="GET">
		
		<label>Distrito:</label><input name = "txtDistrito"><br>
		<label>Dia:</label>
		<select name="cboDia">
		<option value="Lunes">Lunes</option>
		<option value="Martes">Martes</option>
		<option value="Miercoles">Miercoles</option>
		<option value="Jueves">Jueves</option>
		<option value="Viernes">Viernes</option>
		<option value="Sabado">Sabado</option>
		<option value="Domingo">Domingo</option>	
		</select><br />	
		<label>Horas:</label><input name = "txtHorIni">
			   				 <input name = "txtHorFin"><br><br>
		
		<label>&nbsp;</label><input type="submit" name = "btnBuscar" value="Buscar"><br>
	</form>
</fieldset>
</div>

<div id="grid">
    <table class='tabla02' width='100%'>
		<tr>
			<th><strong>Campo1</strong></th>
			<th><strong>Campo2</strong></th>
			<th><strong>Campo3</strong></th>
			<th><strong>Campo4</strong></th>
		</tr>	
		<tr>
			<td>Data 1</td>
			<td>Data 2</td>
			<td>Data 3</td>
			<td>Data 4</td>
		</tr>
		<tr>
			<td>Data 1</td>
			<td>Data 2</td>
			<td>Data 3</td>
			<td>Data 4</td>
		</tr>
		<tr>
			<td>Data 1</td>
			<td>Data 2</td>
			<td>Data 3</td>
			<td>Data 4</td>
		</tr>
	</table>
</div>
</body>
</html>